<style>

</style>
<template>
  <div class="wrapper" id="main" style="position: absolute; z-index: 200;top: 14px;width: auto">
    <div class="selectModelType">
      <div class="tip"><p>功能面板 | 加载数据</p></div>
      <el-button type="primary" size="mini" plain @click="loadPicture()">图片</el-button>
      <el-button type="primary" size="mini" plain @click="">数据</el-button>
      <el-button type="primary" size="mini" plain @click="">数据</el-button>
      <br><br>


    </div>


  </div>
</template>


<script>

  export default {
    name: "loadData",
    data(){
      return{
      }
    },
    components:{
      // myViewer
    },
    mounted() {

    },
    methods:{
      loadPicture(){
        console.log("加载图片")
        let url = "static/data/picture/钱塘江模板.png";
        let imageBounds = [[29.977430163, 119.919863379], [30.408518973, 120.702985344]];
        L.imageOverlay(url, imageBounds, { opacity :0.5}).addTo(leafletMap);
      },

    },
    destroyed() {

    }
  }
</script>

<style scoped>


</style>
